<template>
  <div>
    <h1>我是App</h1>
    <Header :car = "car" :changeCar = "changeCar"/>
    <hr>
    <Context :car = "car"/>
  </div>
</template>

<script>
import Header from './components/Header.vue'
import Context from './components/Context.vue'
  export default {
    name : "App",
    data() {
      return {
        car : '宝宝巴士'
      }
    },
    components:{
      Context,
      Header
    },
    methods:{
      changeCar(){
        this.car = "奥迪"
      }
    }
  }
</script>

<style lang="css" scoped>

</style>